$(function() {
	
	var magnifierConfig = {
		magnifier : "#magnifier1",//最外层的大容器
		width : 386,//承载容器宽
		height : 386,//承载容器高
		moveWidth : null,//如果设置了移动盒子的宽度，则不计算缩放比例
		zoom : 3//缩放比例
	};

	var _magnifier = magnifier(magnifierConfig);

	/*magnifier的内置函数调用*/
	/*
		//设置magnifier函数的index属性
		_magnifier.setIndex(1);

		//重新载入主图,根据magnifier函数的index属性
		_magnifier.eqImg();
	*/

	// 商品+号按钮的点击事件
	$('.moredetail .countbox .add').click(function(){
		let count = parseInt($(this).siblings('input').val());
		if (count >= 200) {
			return;
		}
		
		$(this).siblings('input').val(++count);
	});
	// 商品-号按钮的点击事件
	$('.moredetail .countbox .sub').click(function(){
		let count = parseInt($(this).siblings('input').val());
		if (count <= 1) {
			return;
		}
		$(this).siblings('input').val(--count);
	});

	// 商品数量input框的点击事件：目的是获取点击时的值
	let focusVal = 1;
	$('.moredetail .countbox input').focus(function(){
		focusVal = parseInt($(this).val());
	});

	// 商品数量input框的失去焦点事件
	$('.moredetail .countbox input').blur(function(){
		var regex = /^[0-9]+\d*$/; // 正则表达式，验证是否是正整数
		if(regex.test($(this).val())) { 
			let num = parseInt($(this).val());
			if (num > 200) {
				$(this).val(200);
			} else if (num < 1) {
				$(this).val(1);
			}
		} else {
			$(this).val(focusVal);
		}
	});

	// 种类选择的a标签的获取焦点事件
	$('.moredetail .classify a').hover(function(){
		$(this).addClass('active').siblings().removeClass('active');
	},function(){
		$('.moredetail .classify a').each(function(index, dom){
			if($(dom).hasClass('selected')) {
				$(this).addClass('active').siblings().removeClass('active');
			}
		});
	});

	
	// 种类选择的a标签的点击事件
	$('.moredetail .classify a').click(function(){
		$(this).addClass('selected').siblings().removeClass('selected');
	});

	// 给 商品介绍 与 评价 按钮绑定点击事件
	$('#detail .tabs a').click(function(){
		$(this).addClass('active').siblings('a').removeClass('active')
		$('#detail .tabs a').each(function(index, dom){
			console.log(123);
			if ($(dom).hasClass('active')) {
				$('#goods_info').css('display', 'none').siblings('#goods_comment').css('display', 'block');
				$('#detail section').css('height', '2121px');
			} else {
				$('#goods_comment').css('display', 'none').siblings('#goods_info').css('display', 'block');
				$('#detail section').css('height', '3250px');
			}
		}); 
	});

	// 返回顶部按钮
	$('#gototop').click(function() {
		$('html, body').animate({scrollTop: 0}, 300);
	});
});